<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="CYW">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/第一部分.css">
    <link rel="stylesheet" href="css/第二部分.css">
    <link rel="stylesheet" href="css/第三部分.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
</head>

<body>
    <nav class="nav">
        <div class="container nav-container">
            <ul class="nav-left">
                <li><a href="#">小米商城</a></li>
                <span class="step">|</span>
                <li><a href="#">MIUI</a></li>
                <span class="step">|</span>
                <li><a href="#">米聊</a></li>
                <span class="step">|</span>
                <li><a href="#">游戏</a></li>
                <span class="step">|</span>
                <li><a href="#">多看阅读</a></li>
                <span class="step">|</span>
                <li><a href="#">云服务</a></li>
                <span class="step">|</span>
                <li><a href="#">金融</a></li>
                <span class="step">|</span>
                <li><a href="#">小米商城手机版</a></li>
                <span class="step">|</span>
                <li><a href="#">问题反馈</a></li>
                <span class="step">|</span>
                <li><a href="#">Select&nbsp;Region</a></li>

            </ul>

            <ul class="nav-right">
                <li><a href="#">登录</a></li>
                <span class="step">|</span>
                <li><a href="#">注册</a></li>
                <span class="step">|</span>
                <li><a href="#">消息通知</a></li>

                <a href="#" class="shopping-cart">
                  <i class="fa fa-shopping-cart fa-lg"></i>
                  <span>购物车</span>
                  <span>(0)</span>

                  <div class="alert nav-alert">
                      <p>购物车中还没有商品，赶紧选购吧</p>
                  </div>
                </a>
            </ul>
        </div>
    </nav>

    <header>
        <div class="container header-container">
            <div class="mi-logo">
                <a href="#"><img src="./小米IMG/mi-logo.png" alt="小米LOGO"></a>
            </div>

            <ul class="header-ul">
                <li><a href="#">小米手机</a></li>
                <li><a href="#">红米</a></li>
                <li><a href="#">平板·笔记本</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">盒子·影音</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>

            <ul class="header-alert-ul">

                <div class="container header-alert ">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                        <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                    </li>
                </div>

                 <div class="container header-alert">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                     <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                    </li>

                </div>

                  <div class="container header-alert ">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                        <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                    </li>
                </div>

                 <div class="container header-alert">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                     <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                    </li>

                </div>

                  <div class="container header-alert ">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                        <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                    </li>
                </div>

                 <div class="container header-alert">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                     <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi-mix.jpg" alt="">
                            <P class="alert-title">小米MIX</P>
                            <P class="alert-price">3499元</P>
                        </a>
                    </li>

                </div>


                  <div class="container header-alert ">
                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                        <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                         <p class="left-fengexian"></p>
                    </li>

                    <li>
                        <a href="#">
                            <p class="alert-log">现货</p>
                            <img src="./小米IMG/mi6.png" alt="">
                            <P class="alert-title">小米6</P>
                            <P class="alert-price">2499元</P>
                        </a>
                    </li>
                </div>

                
                
                
            </ul>
            <!--搜索栏 html  -->
            <form class="header-search">
                <input type="text" class="search-text" placeholder="">
                <button type="submit" id="search-btn" class="fa fa-search "></button>
                <div class="search-word">
                    <a href="">电视4A&nbsp;55"</a>
                    <a href="">小米Note &nbsp;2&nbsp;特惠</a>
                </div>

                <div class="search-list">
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                    <a href="#" id="lists">
                         <span>小米6</span>
                         <span>约有7件</span>
                     </a>
                </div>
            </form>
        </div>
    </header>

    <main class="main">
        <div class="container container-lunbo">
            <ul class="img-list">
                <li class="current"><a href="#"><img src="./小米IMG/1红米.jpg" alt=""></a></li>
                <li><a href="#"><img src="./小米IMG/2xiaomi5x.jpg" alt=""></a></li>
                <li><a href="#"><img src="./小米IMG/3xiaomiMax2.jpg" alt=""></a></li>
                <li><a href="#"><img src="./小米IMG/4电视.jpg" alt=""></a></li>
                <li><a href="#"><img src="./小米IMG/5笔记本.jpg" alt=""></a></li>
                <li><a href="#"><img src="./小米IMG/6手环.jpg" alt=""></a></li>
            </ul>
            <ul class="indicator">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>

            <div class="img-click">
                <span class="prev">&lt;</span>
                <span class="next">&gt;</span>
            </div>

            <ul class="item-list">
                <li><a href="#"><span>手机&nbsp;电话卡</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>笔记本&nbsp;平板</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>电视&nbsp;盒子</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>路由器&nbsp;智能硬件</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>移动电源&nbsp;电池&nbsp;插线板</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>耳机&nbsp;音响</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>保护套&nbsp;贴膜</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>线材&nbsp;支架&nbsp;储存卡</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>箱包&nbsp;服饰&nbsp;鞋&nbsp;眼镜</span><i class="fa fa-chevron-right"></i></a></li>
                <li><a href="#"><span>米兔&nbsp;生活周边</span><i class="fa fa-chevron-right"></i></a></li>
            </ul>
           

        <div class="father-big">

            <section class="father-children">

                    <ul class="children-list">

                        <li>

                        <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

                    <ul class="children-list">

                        <li>
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>

                            <span class="xuangou">选购</span>

                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>



                    </ul>

                    <ul class="children-list ">
                        <li class="children-different">
                            <a href="">
                           <img src="./小米IMG/xm6_80.png" alt="">
                          <span>小米6</span>
                          </a>
                        </li>
                    </ul>
                  
            </section> 
                    
             <section class="father-children">
                    <ul class="children-list">
                        <li>
                            <a href="">
                         <img src="./小米IMG/bijiben80.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/bijiben80.jpg" alt="">
                         <span>笔记本12.5英寸</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/bijiben80.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/bijiben80.jpg" alt="">
                         <span>笔记本12.5英寸</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                            <a href="">
                           <img src="./小米IMG/bijiben80.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                            <a href="">
                          <img src="./小米IMG/bijiben80.jpg" alt="">
                         <span>笔记本12.5英寸</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

                    <ul class="children-list ">
                        <li class="children-different">
                            <a href="">
                           <img src="./小米IMG/bijiben80.jpg" alt="">
                          <span>笔记本12.5英寸</span>
                          </a>
                        </li>
                    </ul>
                  
            </section>   
                   
            <section class="father-children">

                    <ul class="children-list">

                        <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                      
                         <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                        
                         <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                        <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                        <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                        <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                    </ul>

                    <ul class="children-list">
                        <li>
                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                       <li>
                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                        <li>
                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                       <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                     <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>

                        <li>

                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>



                    </ul>

                    <ul class="children-list ">
                     <li>
                        <a href="">
                           <img src="./小米IMG/tv70.png" alt="">
                          <span>小米电视3&nbsp;70英寸</span>
                          </a>

                            <!-- <span class="xuangou">选购</span> -->
                        </li>
                    </ul>
                    
            </section> 

             <section class="father-children">

                    <ul class="children-list">

                        <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>

                      <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>
                       <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>
                      <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>
                         <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>

                         <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

                    <ul class="children-list ">
                        <li>
                            <a href="">
                          <img src="./小米IMG/phcplus80.jpg" alt="">
                          <span>九号平衡车</span>
                          </a>

                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

            </section>   

            <section class="father-children">

                    <ul class="children-list">

                        <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>

                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                      <li>

                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       <li>

                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    
                    </ul>

                    <ul class="children-list">

                       <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       

                         <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       
                       <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       

                        <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       
                         <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       

                    </ul>

                    <ul class="children-list ">
                      <li>
                        <a href="">
                          <img src="./小米IMG/dianyuan280.jpg" alt="">
                          <span>小米电源</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       <li>
                    </ul>
            </section> 
 
             <section class="father-children">

                    <ul class="children-list">

                         <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                       <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                         <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                         <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                          <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

                    <ul class="children-list ">
                    <li>
                        <a href="">
                          <img src="./小米IMG/toudai80.jpg" alt="">
                          <span>小米头戴式耳机</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul>

            </section>   

            <section class="father-children">
                    <ul class="children-list">
                        <li>
                         <a href="">
                          <img src="./小米IMG/tiemo.jpg" alt="">
                          <span>贴膜</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                         <li>
                         <a href="">
                          <img src="./小米IMG/tiemo.jpg" alt="">
                          <span>贴膜</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul> 
            </section> 

              <section class="father-children">
                    <ul class="children-list">
                        <li>
                         <a href="">
                          <img src="./小米IMG/zhijia.jpg" alt="">
                          <span>手机支架</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                         <a href="">
                          <img src="./小米IMG/zhijia.jpg" alt="">
                          <span>手机支架</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                         <li>
                         <a href="">
                          <img src="./小米IMG/zhijia.jpg" alt="">
                          <span>手机支架</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                         <li>
                         <a href="">
                          <img src="./小米IMG/zhijia.jpg" alt="">
                          <span>手机支架</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul> 
            </section> 
                
             <section class="father-children">
                    <ul class="children-list">
                        <li>
                         <a href="">
                          <img src="./小米IMG/xiangbao-80.jpg" alt="">
                          <span>背包</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                         <li>
                         <a href="">
                          <img src="./小米IMG/xiangbao-80.jpg" alt="">
                          <span>背包</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                        <li>
                         <a href="">
                          <img src="./小米IMG/xiangbao-80.jpg" alt="">
                          <span>背包</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                         <a href="">
                          <img src="./小米IMG/xiangbao-80.jpg" alt="">
                          <span>背包</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                         <a href="">
                          <img src="./小米IMG/xiangbao-80.jpg" alt="">
                          <span>背包</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul> 
            </section> 
          
            <section class="father-children">
                    <ul class="children-list">
                        <li>
                         <a href="">
                          <img src="./小米IMG/mitu-80.jpg" alt="">
                          <span>米兔</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                          <li>
                         <a href="">
                          <img src="./小米IMG/mitu-80.jpg" alt="">
                          <span>米兔</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>

                         <li>
                         <a href="">
                          <img src="./小米IMG/mitu-80.jpg" alt="">
                          <span>米兔</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                         <a href="">
                          <img src="./小米IMG/mitu-80.jpg" alt="">
                          <span>米兔</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                        <li>
                         <a href="">
                          <img src="./小米IMG/mitu-80.jpg" alt="">
                          <span>米兔</span>
                          </a>
                            <span class="xuangou">选购</span>
                        </li>
                    </ul> 
            </section> 
          </div>
        </div>
    </main>
      
    <!--轮播图下面-->
    <div class="container f4-container">

        <div class="f4-father">

            <ul class="f4-children1">
                <li><a href=""><i class="fa fa-camera" ></i><p>选购手机</p></a></li>
                <li><a href=""><i class="fa fa-camera" ></i><p>企业团购</p></a></li>
                <li><a href=""><i class="fa fa-camera" ></i><p>企业团购</p></a></li>
                <li><a href=""><i class="fa fa-camera" ></i><p>米粉卡</p></a></li>
                <li><a href=""><i class="fa fa-camera" ></i><p>以旧换新</p></a></li>
                <li><a href=""><i class="fa fa-camera" ></i><p>话费充值</p></a></li>
            </ul>

            <ul class="f4-children2">
                <li><a href=""><img src="./小米IMG/xmad_150.jpg" alt=""></a></li>
                <li><a href=""><img src="./小米IMG/xmad_149.jpg" alt=""></a></li>
                <li><a href=""><img src="./小米IMG/xmad_148.jpg" alt=""></a></li>
            </ul>

          </div>
    </div>

   <!-- 明星单品  手环轮播-->
   <div class="container h2-container">
       <h2>小米明星单品</h2>
       
      <div class="h2-Rprev">
          <i class="fa fa-angle-left first-Rprev" id="first-prev" ></i>
          <i class="fa fa-angle-right" id="second-next"></i>
      </div>  

   </div>

    <!--左右轮播图  -->
    <div class="container shouhuan-container">
       <ul class="shouhuan-lunbo">
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
            
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
       
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
            
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
       
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>  

           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi电视4.png" alt="">
            <p class="pro-name">小米电视4&nbsp;55英寸</p>
            <p class="desc">8月23立减500</p>
            <p class="jiage">3799元</p>
          </li>
            
           <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi电视4.png" alt="">
            <p class="pro-name">小米电视4&nbsp;55英寸</p>
            <p class="desc">8月23立减500</p>
            <p class="jiage">3799元</p>
          </li>

          <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi电视4.png" alt="">
            <p class="pro-name">小米电视4&nbsp;55英寸</p>
            <p class="desc">8月23立减500</p>
            <p class="jiage">3799元</p>
          </li>
                    
          <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi电视4.png" alt="">
            <p class="pro-name">小米电视4&nbsp;55英寸</p>
            <p class="desc">8月23立减500</p>
            <p class="jiage">3799元</p>
         </li>
       
        <li class="shouhuan-lunbo-li">
            <img src="./小米IMG/xiaomi电视4.png" alt="">
            <p class="pro-name">小米电视4&nbsp;55英寸</p>
            <p class="desc">8月23立减500</p>
            <p class="jiage">3799元</p>
          </li>  
       </ul>
   </div>
   

   <!-- 主内容 -->
<div class="page-main">

     <div class="container  h2-title">
           <h2>家电</h2>
           <ul class="tab-list">
               <li class="tab-list-span"><span >热门</span></li>
               <li><span>电视影音</span></li>
               <li><span>电脑</span></li>
               <li><span>家居</span></li>
           </ul>
     </div>
        <div class="container  jiadian-container">
           <div class="jiadian-div">
               <img src="./小米IMG/小米空气净化器.jpg" alt="">
           </div>

          <div class="qiehuan-jiadian"> 

           <ul class="jiadian-ul jiadian-ul-block ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul  ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>


          </div>

        </div>
            
     <div class="container  h2-title">
           <h2>智能</h2>
           <ul class="tab-list">
               <li class="tab-list-span"><span >热门</span></li> 
               <li><span>电视影音</span></li>
               <li><span>电脑</span></li>
               <li><span>家居</span></li>
           </ul>
     </div>
       <div class="container  jiadian-container">
        <div class="jiadian-div-different">
               <img src="./小米IMG/小米头戴式耳机.jpg" alt="">
               <img src="./小米IMG/小米运动蓝牙耳机.jpg" alt="">
        </div>

        <div class="qiehuan-jiadian"> 
           <ul class="jiadian-ul jiadian-ul-block">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                </div>
          
           </ul> 

            <ul class="jiadian-ul  ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>
        </div>

       </div> 

     <div class="container  h2-title">
           <h2>搭配</h2>
           <ul class="tab-list">
              <li class="tab-list-span"><span >热门</span></li>
               <li><span>电视影音</span></li>
               <li><span>电脑</span></li>
               <li><span>家居</span></li>
           </ul>
     </div>
       <div class="container  jiadian-container">
        <div class="jiadian-div-different">
               <img src="./小米IMG/小米头戴式耳机.jpg" alt="">
               <img src="./小米IMG/小米运动蓝牙耳机.jpg" alt="">
        </div>

        <div class="qiehuan-jiadian"> 
           <ul class="jiadian-ul jiadian-ul-block">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                </div>
          
           </ul> 

            <ul class="jiadian-ul  ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>
        </div>

       </div> 

     <div class="container  h2-title">
           <h2>配件</h2>
           <ul class="tab-list">
               <li class="tab-list-span"><span >热门</span></li>
               <li><span>电视影音</span></li>
               <li><span>电脑</span></li>
               <li><span>家居</span></li>
           </ul>
     </div>
       <div class="container  jiadian-container">
       <div class="jiadian-div-different">
               <img src="./小米IMG/小米头戴式耳机.jpg" alt="">
               <img src="./小米IMG/小米运动蓝牙耳机.jpg" alt="">
        </div>

        <div class="qiehuan-jiadian"> 
           <ul class="jiadian-ul jiadian-ul-block">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                </div>
          
           </ul> 

            <ul class="jiadian-ul  ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>
        </div>

      </div> 

        <div class="container  h2-title">
           <h2>周边</h2>
           <ul class="tab-list">
             <li class="tab-list-span"><span >热门</span></li>
               <li><span>电视影音</span></li>
               <li><span>电脑</span></li>
               <li><span>家居</span></li>
           </ul>
       </div>
          <div class="container  jiadian-container">
          <div class="jiadian-div-different">
               <img src="./小米IMG/小米头戴式耳机.jpg" alt="">
               <img src="./小米IMG/小米运动蓝牙耳机.jpg" alt="">
          </div>

        <div class="qiehuan-jiadian"> 
           <ul class="jiadian-ul jiadian-ul-block">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                </div>
          
           </ul> 

            <ul class="jiadian-ul  ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">
               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/小米电视4A智能.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                  <!-- <div class="clear"></div>   -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>

            <ul class="jiadian-ul ">

               <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                
                  <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>

               </li>
                  

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>
                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>

                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                <li class="brack-item">
                   <div class="flag-safeoff">新品</div>
                   <img src="./小米IMG/xiaomi电视4.png" alt="">
                   <a href="">小米电视4A</a>
                   <p class="p-jieshao">8月23日,立减900元</p>
                   <p class="p-money">2699元</p>
                    <div class="corver-info">
                     <p>颜值高 性价比</p>
                     <span>来自米粉的评价</span>
                  </div>
               </li>

                 <!-- <div class="clear"></div>  -->

                <div class="brack-item-small">
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>
                    <div class="item-small-one">
                        <a href="">浏览更多</a>
                        <i class="fa fa-arrow-right" aria-hidden="true"></i>
                    </div>

                   <div class="clear"></div> 
                </div>


           </ul>
        </div>
      </div> 


     <!--为你推荐轮播  -->
    <div class="container tuijian-container">
       <h2>为你推荐</h2>
      <div class="tuijian-Rprev">
          <i class="fa fa-angle-left first-Rprev" id="left-prev"></i>
          <i class="fa fa-angle-right" id="right-next"></i>
      </div>  
   </div>
     <div class="container siban-container">
     <div class="siban-lunbo-father"> 
       <ul class="siban-lunbo">

           <li class="siban-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
           
            <li class="siban-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
            
            <li class="siban-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
            

            <li class="siban-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>


           <li class="siban-lunbo-li">
            <img src="./小米IMG/xiaomi手环轮播2.png" alt="">
            <p class="pro-name">小米手环2</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
          </li>
       </ul>
       
        <ul class="siban-lunbo">
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1472.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1472.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
          <img src="./小米IMG/pms_1472.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            
            <li class="siban-lunbo-li">
           <img src="./小米IMG/pms_1472.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 

              <li class="siban-lunbo-li">
          <img src="./小米IMG/pms_1472.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 
       </ul>

          <ul class="siban-lunbo">

            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1481.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
             <img src="./小米IMG/pms_1481.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1481.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1481.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 

            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1481.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 
        </ul>
         
        <ul class="siban-lunbo">

            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1482.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
             <img src="./小米IMG/pms_1482.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1482.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li>
           
            
            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1482.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 

            <li class="siban-lunbo-li">
            <img src="./小米IMG/pms_1482.jpg" alt="">
            <p class="pro-name">小米电视</p>
            <p class="desc">OLED显示屏幕，升级计步算法</p>
            <p class="jiage">149元</p>
            </li> 
        </ul>
        </div>
    </div> 


    <!--热评产品 -->
    <div class="container h2-container">
       <h2>热评产品</h2>
    </div>
    <div class="container">

        <ul class="shexiang-ul">
            <li class="shexiang-li">
                <img src="./小米IMG/小米摄像机 底部.jpg" alt="">
                 <a href="">
                     样子好可爱，特别是转来转去时很有趣。
                     让它休眠时它就会把头转过去背对着你了,
                     唤醒它又会自动转回来
                 </a>
                <p class="author">
                    来自于&nbsp;随风&nbsp;的评价
                </p>

                <div class="chanpin-jiage">
                    <!-- <a href="">米家小白智能摄像机</a> -->
                    <span>米家小白智能摄像机</span>
                    <span class="chanpin-jiage-fenge"></span>
                    <span class="chanpin-jiage-price">399元</span>
                </div>
            </li>
            <li class="shexiang-li">
                <img src="./小米IMG/小米摄像机 底部.jpg" alt="">
                 <a href="">
                     样子好可爱，特别是转来转去时很有趣。
                     让它休眠时它就会把头转过去背对着你了,
                     唤醒它又会自动转回来
                 </a>
                <p class="author">
                    来自于&nbsp;随风&nbsp;的评价
                </p>

                <div class="chanpin-jiage">
                    <!-- <a href="">米家小白智能摄像机</a> -->
                    <span>米家小白智能摄像机</span>
                    <span class="chanpin-jiage-fenge"></span>
                    <span class="chanpin-jiage-price">399元</span>
                </div>
            </li>
             <li class="shexiang-li">
                <img src="./小米IMG/小米摄像机 底部.jpg" alt="">
                 <a href="">
                     样子好可爱，特别是转来转去时很有趣。
                     让它休眠时它就会把头转过去背对着你了,
                     唤醒它又会自动转回来
                 </a>
                <p class="author">
                    来自于&nbsp;随风&nbsp;的评价
                </p>

                <div class="chanpin-jiage">
                    <!-- <a href="">米家小白智能摄像机</a> -->
                    <span>米家小白智能摄像机</span>
                    <span class="chanpin-jiage-fenge"></span>
                    <span class="chanpin-jiage-price">399元</span>
                </div>
            </li>
             <li class="shexiang-li">
                <img src="./小米IMG/小米摄像机 底部.jpg" alt="">
                 <a href="">
                     样子好可爱，特别是转来转去时很有趣。
                     让它休眠时它就会把头转过去背对着你了,
                     唤醒它又会自动转回来
                 </a>
                <p class="author">
                    来自于&nbsp;随风&nbsp;的评价
                </p>

                <div class="chanpin-jiage">
                    <!-- <a href="">米家小白智能摄像机</a> -->
                    <span>米家小白智能摄像机</span>
                    <span class="chanpin-jiage-fenge"></span>
                    <span class="chanpin-jiage-price">399元</span>
                </div>
            </li>
        </ul>
    </div>

     <div class="container h2-container">
       <h2>内容</h2>
     </div>
     <div class="container miui-container">

       <ul class="miui-content">
          <li class="miui-content-li">
            <div class="miui-qiehuan-box">
              <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_15023.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">夏日狂想</h4>
                  <p class="miui-desc">官方主题新画风，原来你是这样的小清新</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14991.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">几何</h4>
                  <p class="miui-desc">最新官方主题，带你感受极简视觉冲击</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14982.jpg" alt="">
                  </div>
              </div>
                 <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/more-miui.jpg" alt="">
                  </div>
              </div>

            </div>


              
            <h3 class="miui-h3">MIUI&nbsp;主题</h3>
              <ul class="miui-wrapper">
                 <li class="miui-wrapper-orange"><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
              </ul>

            <div class="miui-click">
                <i class="fa fa-angle-left" id="miui-prev"></i>
                <i class="fa fa-angle-right" id="miui-next"></i>
              </div>
          </li>

           
      </ul> 

       <ul class="miui-content">
          <li class="miui-content-li">
            <div class="miui-qiehuan-box2">
              <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_15023.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">夏日狂想</h4>
                  <p class="miui-desc">官方主题新画风，原来你是这样的小清新</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14991.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">几何</h4>
                  <p class="miui-desc">最新官方主题，带你感受极简视觉冲击</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14982.jpg" alt="">
                  </div>
              </div>
                 <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/more-miui.jpg" alt="">
                  </div>
              </div>

            </div>

              
            <h3 class="miui-h3">MIUI&nbsp;主题</h3>
              <ul class="miui-wrapper2">
                  <li class="miui-wrapper-orange"><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
              </ul>

              <div class="miui-click2">
                  <i class="fa fa-angle-left" id="miui-prev2"></i>
                  <i class="fa fa-angle-right" id="miui-next2"></i>
              </div>
          </li>

           
      </ul>

       <ul class="miui-content">
          <li class="miui-content-li">
            <div class="miui-qiehuan-box3">
              <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_15023.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">夏日狂想</h4>
                  <p class="miui-desc">官方主题新画风，原来你是这样的小清新</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14991.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">几何</h4>
                  <p class="miui-desc">最新官方主题，带你感受极简视觉冲击</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14982.jpg" alt="">
                  </div>
              </div>
                 <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/more-miui.jpg" alt="">
                  </div>
              </div>

            </div>

              
            <h3 class="miui-h3">MIUI&nbsp;主题</h3>
              <ul class="miui-wrapper3">
                  <li class="miui-wrapper-orange"><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
              </ul>

              <div class="miui-click3">
                  <i class="fa fa-angle-left" id="miui-prev3"></i>
                  <i class="fa fa-angle-right" id="miui-next3"></i>
              </div>

          </li>

           
      </ul>
       
       <ul class="miui-content">
          <li class="miui-content-li">
            <div class="miui-qiehuan-box4">
              <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_15023.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">夏日狂想</h4>
                  <p class="miui-desc">官方主题新画风，原来你是这样的小清新</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14991.jpg" alt="">
                  </div>
              </div>
              <div class="miui-content-page">
                  <h4 class="miui-h4">几何</h4>
                  <p class="miui-desc">最新官方主题，带你感受极简视觉冲击</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/xmad_14982.jpg" alt="">
                  </div>
              </div>
                 <div class="miui-content-page">
                  <h4 class="miui-h4">吴亦凡定制主题</h4>
                  <p class="miui-desc">6张锁屏壁纸随机，每张都给你惊喜！</p>
                  <p class="miui-price">免费</p>
                  <div class="miui-figure-img">
                      <img src="./小米IMG/more-miui.jpg" alt="">
                  </div>
              </div>

            </div>

              
            <h3 class="miui-h3">MIUI&nbsp;主题</h3>
              <ul class="miui-wrapper4">
                  <li class="miui-wrapper-orange"><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
                 <li><p></p></li>
              </ul>

              <div class="miui-click4">
                  <i class="fa fa-angle-left" id="miui-prev4"></i>
                  <i class="fa fa-angle-right" id="miui-next4"></i>
              </div>
          </li>

           
      </ul>
    </div>


     
    <!--雷军视频-->
    <div class="container h2-container">
       <h2>热评产品</h2>
       
       <div class="more-shipin">
           <a href=""><span>查看全部</span></a>
          <i class="fa fa-chevron-circle-right"></i>
      </div>  
    </div>

      <div class="container shipin-container">

       <ul class="shipin-leijun">
          <li class="shipin-leijun-li">
            <img src="./小米IMG/底部视频1.jpg" alt="">
            <p class="shipin-leijun-desc">听雷总讲述小米7年工艺探索之路</p>
            <p class="shipin-leijun-desc2">小米6，7年工艺探索的巅峰</p>
        
          </li>
           
            <li class="shipin-leijun-li">
            <img src="./小米IMG/底部视频1.jpg" alt="">
           <p class="shipin-leijun-desc">听雷总讲述小米7年工艺探索之路</p>
            <p class="shipin-leijun-desc2">小米6，7年工艺探索的巅峰</p>
         
          </li>
            
            <li class="shipin-leijun-li">
            <img src="./小米IMG/底部视频1.jpg" alt="">
         <p class="shipin-leijun-desc">听雷总讲述小米7年工艺探索之路</p>
            <p class="shipin-leijun-desc2">小米6，7年工艺探索的巅峰</p>
           
          </li>
            

            <li class="shipin-leijun-li">
            <img src="./小米IMG/底部视频1.jpg" alt="">
           <p class="shipin-leijun-desc">听雷总讲述小米7年工艺探索之路</p>
            <p class="shipin-leijun-desc2">小米6，7年工艺探索的巅峰</p>

          </li>

       </ul>
</div> 




   
   <!--底部   html  -->
<div class="site-footer">  
    <div class="container footer-containter">
        <ul class="footer-service">
            <li>
                <a href="#">
                 <i class="fa fa-plus-square fa-lg" ></i>
                <span>预约维修服务</span>
            </a>
            </li>

             <li>
                <a href="#">
                <i class="fa fa-plus-square fa-lg" ></i>
                <span>7天无理由退货</span>
            </a>
            </li>

            <li>
                <a href="#">
                <i class="fa fa-plus-square fa-lg" ></i>
                <span>15天免费更换</span>
            </a>
            </li>

            <li>
                <a href="#">
                <i class="fa fa-plus-square fa-lg" ></i>
                <span>满150元包邮</span>
            </a>
            </li>
            
            <li>
                <a href="#">
                <i class="fa fa-plus-square fa-lg" ></i>
                <span>520余家售后网点</span>
            </a>
            </li>
        </ul>

       <div class="footer-links">

            <div class="footer-links-div">
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                </ul>
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                </ul>
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                </ul>
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                 </ul>
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                </ul>
                <ul class="footer-links-ul">
                <h4>帮助中心</h4>
                <li><a href="">账户管理</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">订单操作</a></li>
                </ul>
            </div>
   
            <div class="footer-kefu">
                 <p class="kefu-phone">400-100-5678</p>
                 <p class="kefu-shijian">周一到周日&nbsp;8:00-18:00<br>
                    仅收市话费  
                  </p>
                 <button type="button" id="kefu-24">24小时在线客服</button>
            </div>
        </div>

    </div>
</div>
   
<div class="set-info"> 

      <footer class="set-info-footer">
          <div class="footer-mi-logo">
          <img src="./小米IMG/mi-logo.png" alt="小米LOGO">
       </div> 
        <!--下部miLOGO 右边内容 milogo 和内容 设宽 弹性布局  -->
      <div class="footer-mi-alink"> 
          <!--milogo 右边 文字 和右面图片  -->
        <div class="footer-alink-left">
           <ul class="footer-alink-herf">
              <li><a href="">小米商城</a><span>|</span></li>
              <li><a href="">MIUI</a><span>|</span></li>
              <li><a href="">米聊</a><span>|</span></li>
              <li><a href="">多看书城</a><span>|</span></li>
              <li><a href="">小米路由器</a><span>|</span></li>
              <li><a href="">视频电话</a><span>|</span></li>
              <li><a href="">小米天猫店</a><span>|</span></li>
              <li><a href="">小米淘宝直营店</a><span>|</span></li>
              <li><a href="">小米网盟</a><span>|</span></li>
              <li><a href="">小米移动</a><span>|</span></li>
              <li><a href="">隐私政策</a><span>|</span></li>
              <li><a href="">Select Region</a><span></li>
            </ul>
            <div class="footer-alink-div">
               <ul class="footer-alink-beian">
               <li>©</li>
               <li><a href="">mi.com</a></li>
               <li>京ICP证110507号</li>
               <li><a href="">京ICP备10046444号</a></li>
               <li><a href="">京公网安备11010802020134号</a></li>
               <li><a href="">京网文[2014]0059-0009号</a></li>  
               </ul>
                <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，
                    除特殊说明，所有数据均出自我司实验室测试</p>
             </div>
        </div>
            
        <div class="footer-alink-right">
                 <img src="./小米IMG/truste.png" alt="">
                 <img src="./小米IMG/v-logo-1.png" alt="">
                 <img src="./小米IMG/v-logo-2.png" alt="">
                 <img src="./小米IMG/v-logo-3.png" alt="">            
             </div>
          
      </div>
      </footer>
       <div class="slogan"><img src="./小米IMG/slogan2016.png" alt=""></div>
</div>



    <script src="./js jq/jquery.js"></script>
</body>
</html>
<script src="./js jq/小米.jquery.js"></script>